<template>
  <div>
    <img :src="currentImg" alt="">
  </div>
</template>

<script>
export default {
  name: 'TestImgShow',
  data() {
    return {
      currentImg: require(`../images/testTodoImg.png`),
      imgList: [
        {
          type: 'todo',
          img: '../images/testTodoImg.png'
        }
      ]
    }
  },
  mounted() {
    if (this.$route.query.type === 'todo') {
      this.currentImg = require(`../images/testTodoImg.png`)
    } else if (this.$route.query.type === 'notice') {
      this.currentImg = require(`../images/testNoticeImg.png`)
    } else if (this.$route.query.type === 'report') {
      this.currentImg = require(`../images/testReportImg.png`)
    }
  },
}
</script>

<style lang="scss" scoped>
img {
  width: 100%;
}
</style>